<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .box {
            width: 572px;
            height: 721px;
            background:url(content_bg.jpg) no-repeat -130px -50px;
            left: 100px;
            border: 1px solid pink;
            background-color: red;
            margin: 100px auto;
        }

        .beijing{
            width: 572px;
            height: 721px;
        }

        .header {
            width: 446px;
            height: 40px;
            font-size: 19px;
            color: pink;
            border-bottom: 1px solid #ede5e9;
            margin: 13px 0 0 11px;
        }

        .content {
            margin-left: 30px;
            line-height: 40px;
            color: pink;
        }

        .left {
            padding-left: 30px;
        }

        textarea {
            width: 420px;
            height: 200px;
            resize: none;
            outline: none;
        }
           .select {
            width: 170px;}  
        
    </style>
</head>

<body>
    <div class="box">
        <div class="header">
            你的账号信息：
        </div>
        <table class="content">
            <tr>
                <td>注册方式：</td>
                <td>
                    <label for="one"></label><input type="radio" name="sex" id="one">E-mail注册
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <label for="two"></label><input type="radio" name="sex" id="two">手机号码注册
                </td>
            </tr>
            <tr>
                <td>注册邮箱:</td>
                <td><input type="email" name="" id=""></td>
            </tr>
            <tr>
                <td>注册手机：</td>
                <td><input type="text" name="" id=""></td>
            </tr>
            <tr>
                <td>登录密码：</td>
                <td><input type="password" name="" id=""></td>
            </tr>
            <tr>
                <td class="left">昵称:</td>
                <td><input type="text" name="" id=""></td>
            </tr>
        </table>
        <div class="header">
            你的个人信息：
        </div>
        <table class="content">
            <tr>
                <td class="left">性别：</td>
                <td>
                    <label for="man"> <input type="radio" name="sex" id="man">男</label>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="sex" id="woman"><label for="woman">女</label>
                </td>
            </tr>
            <tr>
                <td class="left">学历：</td>
                <td>
                    <select name="" id="">
                        <option value="">-请选择-</option>
                        <option value="">大学</option>
                        <option value="">高中</option>
                        <option value="">初中</option>
                        <option value="">小学</option>

                    </select>
                </td>
            </tr>
            <tr>
                <td>所在城市：</td>
                <td><select name="" id="">
                        <option value="" selected="selected">北京</option>
                        <option value="">上海</option>
                        <option value="">广州</option>
                        <option value="">深圳</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input type="checkbox" name="" id="">足球&nbsp;&nbsp;
                    <input type="checkbox" name="" id="">篮球&nbsp;&nbsp;
                    <input type="checkbox" name="" id="">游泳&nbsp;&nbsp;
                    <input type="checkbox" name="" id="">唱歌&nbsp;&nbsp;
                    <input type="checkbox" name="" id="">跑步&nbsp;&nbsp;
                    <input type="checkbox" name="" id="">瑜伽
                </td>
            </tr>
            <tr>
                <td>自我介绍：</td>
                <td>
                    <textarea name="" id="" cols="60" rows="8">评论的时候，遵纪守法并注意语言文明，多给文档人一些支持。</textarea>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>